body {
  background-color: #000000;
}

#crossfade {
  width: 60%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}

#crossfade p {
  color: white;
}

#centre {
  text-align: center;
}

#myCanvas1 {
  position: absolute;
}

#canvasses {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

canvas {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 767px) {
  #crossfade p {
    font-size: 1em;
  }

  #topContainer {
    background-color: transparent;
  }
}

@media (max-width: 767px) and (orientation:portrait) {
  #crossfade {
    width: 100%;
  }
}

@media (max-width: 767px) and (orientation:landscape) {
  #crossfade {
    width: 60%;
  }
}